<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        *{
            margin: 0px;
            padding: 0px;
        }

        li{
            list-style: none;
        }

        .bw{
            width: 298px;
            height: 200px;
            border: 1px solid orange;
            margin: 50px auto;
            padding: 25px;
            background: url(images/line.jpg);
        }

        .bw h3{
            font-size: 20px;
            padding: 15px 0 ;
            border-bottom: 1px solid purple;
            margin-bottom: 12px;
        }

        .bw ul li{
            height: 30px;
            line-height: 30px;
            border-bottom: 1px dashed #ccc;
            background:url(images/arr.jpg) no-repeat 5px center;
            padding-left: 20px;
        }

        .bw ul li a{
            color: violet;
            font-size: 12px;
            text-decoration: none;
        }

        .bw ul li a:hover{
            text-decoration: underline;
        }
    </style>
</head>
<body>
    <div class="bw">
        <h3> 比屋教育/综合案例训练</h3>
      <ul>
          <li><a href="#"> 大数据开发工程师</a></li>
          <li><a href="#">Java开发工程师</a> </li>
          <li><a href="#"> web前端开发工程师</a></li>
          <li><a href="#"> 微信小程序开发</a></li>
     </ul>
    </div>
</body>
</html>